<html>
	<head>
		<title>AZone社交-新增动态</title>
		<link rel="stylesheet" href="/css/JanGrid.css" />
		<link rel="stylesheet" href="/css/JanAnimation.css" />
		<link rel="stylesheet" href="/css/fa.css" />
		<link rel="stylesheet" href="/css/app.css" />
		<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<link rel="stylesheet" href="/css/add_new.css" />
	</head>
	<body>
        <div class="mask row center" id="modal" style="margin: 0">
			<div class="col-xs-4 col-sm-3">
				<div class="modal-card" id="modal-card">
					<div class="modal-card-title" id="modal-title"></div>
					<div class="modal-card-content" id="modal-content"></div>
					<button class="button success modal-card-button" id="modal-button">关闭</button>
				</div>
			</div>
		</div>
		<div class="navbar">
			<div class="title">AZone社交空间</div>
			<div class="menu">
				<a href="/html/index.html">动态首页</a>
				<a href="/html/album.html">个人相册</a>
				<a href="/html/user_center.html">个人中心</a>
				<a href="/html/login.html?logout">退出登录</a>
			</div>
		</div>

		<h1>发布动态</h1>
		<div class="card">
			<input class="input-title" id="input-title" placeholder="请输入标题" type="text"></input>
            <input class="input-content" id="input-content" placeholder="请输入内容" type="text"></input>
			<p style="margin-left: 14px;margin-bottom: -6px;font-weight: 480;color: #575656;">插入图片</p>
			<input type="file" multiple="multiple" accept=".jpg,.gif,.jpeg,.png" id="select-pics">
			<div class="pics-preview" id="pics-preview"></div>
            <button class="button success card-button" id="submit-new">发 布 动 态</button>
		</div>
	</body>
    <script src="/js/add_new.js" type="module"></script>

</html>
